<template>
  <el-container style="height: 100%; border: 1px solid #eee">
    <el-header
        style="padding: 0; font-size: 12px;border-bottom: 1px solid #ccc; line-height: 60px;background-color: royalblue ">
      <Header/>
    </el-header>

    <el-container style="height: 20%; overflow: hidden">
      <el-aside width="244px" style=" background-color: rgb(238, 241, 246); ">
        <Menu/>
      </el-aside>
      <el-container>
        <el-header style="padding: 0px; height: 40px">
          <tags-view/>
        </el-header>
        <el-main style="padding: 0px 10px 0px 10px">
<!--          上 右 下 左  顺时针-->
          <keep-alive>
            <router-view/>
          </keep-alive>
        </el-main>
      </el-container>
    </el-container>
  </el-container>
</template>

<script>
// @ is an alias to /src
import HelloWorld from '@/components/HelloWorld.vue'
import service from '@/utils/request.js'
import {post} from "axios";
import Menu from "@/components/Menu.vue";
import Header from "@/components/Header.vue";
import TagsView from "@/components/TagsViewtest2";


export default {
  name: 'HomeView',
  components: {
    Header,
    Menu,
    HelloWorld,
    TagsView
  },
  computed: {
    // cachedViews() {
    //   console.log(this.$store.state.tagsView.cachedViews)
    //   return this.$store.state.tagsView.cachedViews
    // },
  }

}
</script>
